import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
import vuexPersist from "vuex-persist";

export default new Vuex.Store({
  state: {

    todo: [
      { title: "吃饭", id: 1, status: 0 },
      { title: "睡觉", id: 2, status: 0 },
      { title: "想峰哥", id: 3, status: 0 },
    ],

  },
  mutations: {
    // 添加
    add(state,title){
      console.log(title);
      state.todo.push({id:state.todo.length+1,title,status:0})
    },
    // 取反
    change(state,index){
      state.todo[index].status=!state.todo[index].status
    },

// 在这里需要知道改变的是哪条数据的status 所以需要在子组件里点的时候 把下标传过来 就知道点的是哪个了
    //状态是取反的 1变成0 0变成1



    // 删除
    remove(state,index){
      state.todo.splice(index, 1);
    },
  },
  actions: {
  },
  modules: {
  },
  plugins: [
    new vuexPersist({
      storage: window.localStorage,
    }).plugin,
  ],
})
